<!DOCTYPE html>
<html lang="en">
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    {block name="title"}<title>2B-社区 | TO BIGGER</title>{/block}
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content=""/>
    <meta name="twitter:image" content=""/>
    <meta name="twitter:url" content=""/>
    <meta name="twitter:card" content=""/>

    <!-- Animate.css -->
    <link rel="stylesheet" href="__CSS__animate.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="__CSS__magnific-popup.css">
    <!-- Salvattore -->
    <link rel="stylesheet" href="__CSS__salvattore.css">
<!--    自定义css-->
    {block name="mycss"}{/block}

    <script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
    <!-- Theme Style -->
    <link rel="stylesheet" href="__CSS__style.css">
    <link href="__CSS__bootstrap.css" rel="stylesheet" type="text/css">
    <link href="__CSS__/style_tpl.css" rel="stylesheet" type="text/css">
    <!-- Modernizr JS -->
    <script src="__JS__modernizr-2.6.2.min.js"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="__JS__respond.min.js"></script>
    <![endif]-->
    <!--自定义css-->
    {block name="mycss"}{/block}
</head>
<body>
<!-- header -->
<div class="header">
    <div class="container">
        <div class="header-info">
            <div class="header-info-left">
                <p><i class="glyphicon glyphicon-send" aria-hidden="true"></i> 2B-社区 | TO BIGGER</p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="search-logo-icons">
    <div class="container">
        <div class="search">
            <form action="{:url('index/Index/search')}">
                <button class="btn btn-default" id="search"><i class="glyphicon glyphicon-search"></i></button>
                <input type="text" placeholder="请输入要搜索的笔记" name="keyworld">
            </form>
        </div>
        <div class="logo">
            <h1><a href="{:url('index/Index/index')}">2B-社区 <span>TO BIGGER SOCIAL | EVERYONE CAN BE BIGGER</span></a>
            </h1>
        </div>
        <div class="social-icons">
            <ul>
                {if condition="empty(input('session.'))"}
                <li class="indexSize"><a href="{:url('index/Index/login')}" class=""><i class="glyphicon glyphicon-log-in "></i> 登录</a>
                </li>
                {else /}
                <li class="indexSize"><a href="{:url('index/Index/logout')}" class=""><i class="glyphicon glyphicon-log-out"></i> 退出</a>
                </li>
                <li class="indexSize"><a href="{:url('index/User/index')}" class=""><i class="glyphicon glyphicon-user"></i> {:session('data.tel')}</a></a></li>
                {/if}
                <li class="indexSize"><a href="{:url('index/Index/login')}" class=""><i class="glyphicon glyphicon-new-window"></i> 注册</a>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-offset-8 col-md-6 text-right">
                <div class="col-md-3"><a href="{:url('index/Index/index')}" class="indexSize">首页</a></div>
                <div class="col-md-3"><a href="{:url('index/News/index')}" class="indexSize">新闻中心</a></div>
                <div class="col-md-3"><a href="{:url('index/About/index')}" class="indexSize">关于我们</a></div>
            </div>
        </div>
    </div>
</div>
<!-- //header -->
<!-- nav -->
{block name="name"}
<div class="header-nav">
    <div class="container">
        <nav class="navbar navbar-default">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a class="indexSize" href="{:url('index/Index/index')}">推荐</a></li>
                    {volist name="cateList" id="v"}
                    <li class="hvr-overline-from-left"><a href="{:url('index/Index/tab',['category' => $v['id']])}" class="indexSize">{$v['cate_name']}</a></li>
                    {/volist}
                </ul>
            </div><!-- /.navbar-collapse -->
        </nav>
    </div>
</div>
<!-- //nav -->
<!-- main -->
<div id="fh5co-main">
    <div class="container">

        <div class="row">
            <div id="fh5co-board" data-columns>
<!--                未登录用户-->
                {if condition="empty(input('session.'))"}
                {volist name="data" id="val"}
                <div class="item">

                    <div class="animate-box">
                        <a href="/static/uploads/img/{$val['thumb']}" class="image-popup fh5co-board-img">
                            <img src="__IMG__loading.gif" class="lazy"
                                 data-original="/static/uploads/img/{$val['thumb']}"
                                 alt="Free HTML5 Bootstrap template">
                        </a>
                    </div>
                    <div class="fh5co-desc">
                        <p><a class="indexSize" href="{:url('index/Note/index',['id'=>$val['id']])}" class="note">{$val['title']}</a></p>
                    </div>
                    <div class="clearfix"></div>
                    <button class="btn praise" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-heart"></i>{$val['praise']}</span>
                    </button>
                    <button class="btn collection" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-star-empty"></i>{$val['collection']}</span>
                    </button>
                </div>
                {/volist}
                {else /}
                <!--                登录用户-->
                {volist name="recommend" id="val"}
                <div class="item">

                    <div class="animate-box">
                        <a href="/static/uploads/img/{$val['thumb']}" class="image-popup fh5co-board-img">
                            <img src="__IMG__loading.gif" class="lazy"
                                 data-original="/static/uploads/img/{$val['thumb']}"
                                 alt="Free HTML5 Bootstrap template">
                        </a>
                    </div>
                    <div class="fh5co-desc">
                        <p><a href="{:url('index/Note/index',['id'=>$val['id']])}" class="note">{$val['title']}</a></p>
                    </div>
                    <div class="clearfix"></div>
                    <button class="btn praise" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-heart"></i><strong>{$val['praise']}</strong></span>
                    </button>
                    <button class="btn collection" data-id="{$val['id']}">
                        <span><i class="glyphicon glyphicon-star-empty"></i><strong>{$val['collection']}</strong></span>
                    </button>
                </div>
                {/volist}

                {/if}
            </div>
        </div>
    </div>
</div>

{js href="__JS__note.js"}


{/block}
<a href="{:url('index/Note/create')}" class="btn-note"><b class="glyphicon glyphicon-plus"></b> 点击添加笔记</a>
<!-- endmain-->

<!--笔记添加-->
<!--笔记添加结束-->

<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="col-md-5 footer-grid">
            <h6>关于我们</h6>
            <p>2B社区是年轻人的生活方式平台，由陈宏、曹启鑫、刘宗仁三位创始人于2019年在上海创立，致力于让全世界的好生活触手可及。在2B社区，用户通过短视频、图文等形式标记生活点滴。2B社区是一个基于年轻人的平台它其中80%用户是90后。</p>
        </div>
        <div class="col-md-3 col-md-offset-3 footer-grid">
            <img src="__IMG__2B_wz.png"width="100">
        </div>

        <div class="clearfix"></div>
    </div>
</div>
<div class="footer-copy">
    <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.chenhong.xyz"
                                                                                target="_blank" title="2B社区">TO BIGGER
        SOCIAL</a>
    </p>
    <ul>
        <li><a href="#" class="">注册协议</a></li>
        <li><a href="#" class="">隐私协议</a></li>
        <li><a href="#" class="">侵权投诉指引</a></li>
    </ul>
</div>

<!-- jQuery -->
<!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<!-- jQuery Easing -->
<script src="__JS__jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<!-- Waypoints -->
<script src="__JS__jquery.waypoints.min.js"></script>
<!-- Magnific Popup -->
<script src="__JS__jquery.magnific-popup.min.js"></script>
<!-- Salvattore -->
<script src="__JS__salvattore.min.js"></script>
<!-- Main JS -->
<script src="__JS__main.js"></script>
<script src="__JS__jquery.lazyload.min.js"></script>


{block name="script"}
<script>
    $(function () {
        $("img.lazy").lazyload({
            effect: "fadeIn"
        });
    });

</script>
{/block}
</body>
</html>


